@import "../../less/index.less";
.shop {
  .bd-items {
    width: 100vw;
    height: 2rem;
    border-radius: 0.14rem 0.14rem 0.14rem 0.14rem;
    background-color: #ffffff;
    margin-top: 0.1rem;
    position: relative;
    img {
      float: left;
      width: 2rem;
      height: 2rem;
      border-radius: 0.3rem;
    }
    h3 {
      text-indent: 0.3rem;
      font-size: 0.26rem;
      color: #333333;
      line-height: 0.3rem;
    }
    .price {
      color: @primary;
      line-height: 0.6rem;
      text-indent: 0.3rem;
      b {
        font-size: 0.38rem;
        font-weight: bold;
        color: @primary;
      }
    }
    .num {
      position: absolute;
      right: 1.5rem;
      bottom: 0.2rem;
      font-size: 0.28rem;
      button {
        width: 1rem;
        height: 0.6rem;
        border: none;
        border-radius: 0.1rem;
      }
      span {
        color: @primary;
      }
    }
    .del {
      position: absolute;
      right: 0.3rem;
      bottom: 0.2rem;
      width: 1rem;
      height: 0.6rem;
      border: none;
      border-radius: 0.1rem;
      color: #fff;
      background-color: @primary;
    }
    .input {
      position: absolute;
      top: 0.1rem;
      right: 0.3rem;
      font-size: 0.3rem;
      color: #aaa;
      .am-list-item .am-list-line {
        display: block;
      }
    }
    .span {
      position: absolute;
      top: 0.75rem;
      left: 3.5rem;
      color: #aaa;
    }
  }
  .footer {
    width: 100vw;
    height: 1rem;
    background-color: #fff;
    line-height: 1rem;
    font-size: 0.3rem;
    .p {
      display: inline-block;
      margin-left: 0.2rem;
      .am-list-item .am-list-line {
        display: block;
      }
    }
    span {
      display: inline-block;
      color: @primary;
      margin-left: 1rem;
    }
  }
}
